<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
		<link rel="stylesheet" href="css/html5.css" />
		<script src="js/jquery-1.9.1.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
		<!--[if lt IE 9]>
			<script src="//cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
			<script src="//cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
		<![endif]-->
		<link rel="stylesheet" href="css/mobile-select-area.css" />
		<script type="text/javascript" src="js/jquery-1.11.2.js" ></script>
		<script type="text/javascript" src="js/require.js"></script>
		<script type="text/javascript" src="js/clock.js"></script>
	</head>
	<body>
		<div class="text-center me-center">网络办卡</div>
		<div class="container-fluid">
			<div class="buzou text-cen blue">
				<div class="bz-num clearfix">
					<div class="fl bz-num-01">
						<div class="yuan-blue">1</div>
					</div>
					<div class="fl bz-num-02 gary">
						<div class="yuan-blue yuan-gary">2</div>
					</div>
					<div class="fl bz-num-03 gary">
						<div class="yuan-blue yuan-gary">3</div>
					</div>
					<div class="border-blue-01 border-gary-02"></div>
					<div class="border-blue-02 border-gary-02"></div>
				</div>
				<ul class="bz-num-zi clearfix">
					<li class="fl bz-num-01">初步审核</li>
					<li class="fl bz-num-02 gary">信息填写</li>
					<li class="fl bz-num-03 gary">提交成功</li>
				</ul>
				<a id="mobile_up" personalized="top">
				</a>
			</div>
		</div>
		<div class="container-fluid">
			<p class="bk-p-04">您的信息将受到交通银行的保护，请放心填写</p>
			<div class="container-fluid">
				<form role="form">
					<div class="row">
						<div class="col-xs-4"><label for="pccc_applyName">姓名</label></div>
						<div class="col-xs-8"><input type="text" class="form-control" id="pccc_applyName" placeholder="中文姓名"></div>
					</div>
					<div class="row">
						<div class="col-xs-4"><label for="pccc_certNo">身份证</label></div>
						<div class="col-xs-8"><input type="text" class="form-control" id="pccc_certNo" placeholder="18位身份证号码"></div>
					</div>
					<div class="row">
						<div class="col-xs-4"><label for="address">当前居住地</label></div>
						<div class="col-xs-8">
							<input type="text" id="address" value="浙江省 杭州市 滨江区" class="shengshi_address form-control" data-value="12,124,3269" readonly="readonly">
							<input type="hidden" id="hd_area" value="12,124,3269">
						</div>
					</div>
					<div class="row">
						<div class="col-xs-4"><label for="pccc_applyTel">手机</label></div>
						<div class="col-xs-8"><input type="text" class="form-control" id="pccc_applyTel" placeholder="常用手机号"></div>
					</div>
					<div class="row">
						<div class="col-xs-4"><label for="pccc_Dycode">短信验证码</label></div>
						<div class="col-xs-3"><input type="text" class="form-control" id="pccc_Dycode" placeholder=""></div>
						<div class="col-xs-4"><label id="pccc_sendDyCode">获取验证码</label></div>
					</div>
				</form>
			</div>
		</div>
		<p class="bk-p-05">如您是他人推荐办卡，请填写以下两项</p>
		<div class="container-fluid">
			<div class="container-fluid">
				<form>

					<div class="row">
						<div class="col-xs-4"><label>推荐码类型</label></div>
						<div class="col-xs-4"><label>手机号</label></div>
					</div>
					<div class="row">
						<div class="col-xs-4"><label for="recomNumber">推荐码</label></div>
						<div class="col-xs-8"><input type="email" class="form-control" id="recomNumber" placeholder="130****9282" readonly="readonly"></div>
					</div>	
				</form>
			</div>
		</div>
		<div class="container-fluid">
			<div class="container-fluid">
				<div class="bk-chexkbox">
					<input type="checkbox" name="" id="" value="" checked />
	      			 本人同意平安优享资产管理（北京）有限公司将此次本人作为被推荐人递交平安优享信用消费卡申请的完成情况和推荐完成进度通知到我的推荐人（如是推荐办卡）
				</div>
			</div>
		</div>
		<a class="text-center me-center" id='send' href="new2.html">下一步</a>
		
	</body>
		<script>
		requirejs.config({
			//By default load any module IDs from js/lib
			baseUrl: 'js',
			paths: {
				$: 'jquery-1.11.2',
				dialog:'dialog',
				'mobile-select-area':'mobile-select-area'
			}
		});
		require(['mobile-select-area','$'], function(MobileSelectArea,$) {
			var selectArea = new MobileSelectArea();
			selectArea.init({trigger:'#address',value:$('#hd_area').val(),data:'data.json'});
		});
		</script>

</html>